<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CONTACT US</title>
  <link rel="stylesheet" href="/src/css/bootstrap.css">
  <link rel="stylesheet" href="/src/css/public.css">
  <link rel="stylesheet" href="/src/scss/contact.css">
</head>

<body>
  <!-- 头部导航栏 -->
  <nav class="navbar navbar-expand-lg  ">
    <div class="container">
      <a class="navbar-brand" href="#">
        <img src="/src/img/logo.png" alt="">
      </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"
        aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNavDropdown">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link " aria-current="page" href="#">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">PRODUCTS</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">CASE</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">NEWS</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">ABOUT US</a>
          </li>
          <li class="nav-item">
            <a class="nav-link active" href="#">CONTACT US</a>
          </li>
        </ul>
      </div>
      <a href="#" class="nav-right d-none d-lg-block">
        <span class="nav-right-1"><i>24</i>hrs Online</span>
        <span class="nav-right-2">+86-371-86162511</span>
      </a>
    </div>
  </nav>
  <!-- 头部导航栏结束 -->
  <div class="banner"> </div>
  <div class="contact">
    <div class="container">
      <p style="display: flex;justify-content: end;padding-top: .88rem;">
        <a style="color: #d9d9d9; padding-right: .3rem;font-size: 0.75rem;">HOME | </a> <a
          style="font-size: 0.75rem;">CONTACT US</a>
      </p>
    </div>
    <div class="row">
      <div class="col-12">
        <div class="contact-mid">
          <h1>CONTACT US</h1>
          <p>Thank you for your interests in Liming Heavy Industry. Please feel free to submit your inquiry information
            to us. our sales manager will contact with you as soon as possible.</p>
        </div>
      </div>
    </div>


    <div class="container contact-card">
      <div class="row">
        <div class="col-lg-4 contact-card-cell1">
          <img src="/src/img/call.png" alt="">
          <div>
            <p>Tel:</p>
            <span>0086-371-86162511 </span>
          </div>
        </div>
        <div class="col-lg-4 contact-card-cell">
          <img src="/src/img/map.png" alt="">
          <div>
            <p>Address: :</p>
            <span>No.169, Science (Kexue) Avenue,
              National HI-TECH Industry
              Development Zone, Zhengzhou, China </span>
          </div>
        </div>
        <div class="col-lg-4 contact-card-cell">
          <img src="/src/img/email.png" alt="">
          <div>
            <p>Email:</p>
            <span>info@limingco-group.com </span>
          </div>
        </div>
      </div>
    </div>

  </div>

  <!-- 表单 -->
  <div class="container">
    <form action="">
      <div class="row">
        <div class="col-sm-1">
          <label for=""><i>* </i>Name:</label>
        </div>
        <div class="col-sm-5">
          <input type="text">
        </div>
        <div class="col-sm-1">
          <label for="">
            Country:</label>

        </div>
        <div class="col-sm-5">
          <input type="text">
        </div>
      </div>
      <div class="row form-cell">
        <div class="col-sm-1">
          <label for=""><i>* </i> E-mail: </label>
        </div>
        <div class="col-sm-11">
          <input type="text">
        </div>
      </div>
      <div class="row form-cell">
        <div class="col-sm-1 Tel" >
          <label for="">Tel: </label>
        </div>
        <div class="col-sm-11">
          <input type="text">
        </div>
      </div>
      <div class="row form-cell">
        <div class="col-sm-2">
          <label for="">Instant Messenger: </label>
        </div>
        <div class="col-sm-3">
          <select name="" id="">
            <option value="">skype</option>
            <option value="">whatsapp</option>
          </select>
        </div>
        <div class="col-sm-3">
          <input type="text">
        </div>
      </div>
      <div class="row form-cell" style=" display: flex;align-items: center;">
        <div class="col-sm-2">
          <label for=""><i>* </i> Product:</label>


        </div>
        <div class="col-sm-10">
          <div class="row">
            <div class="col-sm-3 checkGroup1">
              <input type="checkbox" name="" id="">
              <label for="">Mobile crusher</label>
            </div>
            <div class="col-sm-3 checkGroup1">
              <input type="checkbox" name="" id="">
              <label for="">Stationary crusher</label>
            </div>
            <div class="col-sm-3 checkGroup1">
              <input type="checkbox" name="" id="">
              <label for="">Grinding mill </label>
            </div>
            <div class="col-sm-3 checkGroup1">
              <input type="checkbox" name="" id="">
              <label for="">Mining machine</label>
            </div>
          </div>

        </div>
      </div>
      <div class="row ">
        <div class="col-sm-2 checkGroup2">
          <label for=""><i>* </i>Capacity: </label>
        </div>
        <div class="col-sm-10">
          <div class="row">
            <div class="col-sm-2 checkGroup2">
              <input type="radio" name="" id="">
              <label for="">500-800T/H</label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio" name="" id="">
              <label for="">500-800T/H</label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio" name="" id="">
              <label for="">500-800T/H</label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio" name="" id="">
              <label for="">500-800T/H</label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio" name="" id="">
              <label for="">500-800T/H</label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio" name="" id="">
              <label for="">500-800T/H</label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio" name="" id="">
              <label for="">500-800T/H</label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio" name="" id="">
              <label for="">500-800T/H</label>
            </div>
            <div class="col-sm-6 checkGroup2">
              <input type="radio" name="" id="">
              <label for="">order:</label>
              <input type="text">
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-sm-2 checkGroup2">
          <label for=""> <i>*</i> Materials: </label>
        </div>
        <div class="col-sm-10">
          <div class="row">
            <div class="col-sm-2 checkGroup2">
              <input type="radio">
              <label for="">Granite </label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio">
              <label for="">Limestone</label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio">
              <label for="">Basalt </label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio">
              <label for=""> Pebble </label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio">
              <label for="">Gravel </label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio">
              <label for=""> Gypsum </label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio">
              <label for="">Marble </label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio">
              <label for="">Barite </label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio">
              <label for="">Quartz </label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio">
              <label for="">Dolomite </label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio">
              <label for="">Gold Ore </label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio">
              <label for=""> Copper </label>
            </div>
            <div class="col-sm-2 checkGroup2">
              <input type="radio">
              <label for="">other: </label>
              <input type="text">
            </div>


          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-sm-2">
          <label for="">Message:</label>
        </div>
        <div class="col-sm-10">
          <div class="row">
            <div class="col-sm-12">
              (As: Output 0-10,10-15,15-20mm for Crushing or 75 microns(200 mesh) for Grinding;)
            </div>
            <div class="col-sm-12">
              <textarea name="" id=""  rows="6"></textarea>
            </div>
          </div>
        </div>
      </div>
      <div class="btngroup">
        <button type="button">SEND NOW </button>
        <button type="reset">RESET</button>
      </div>
      
    </form>

  </div>


  <footer class="footer-bg">
    <div class="container ">
      <div class="footer-mid">
        <ul class="footer-cell d-none d-lg-block d-md-block">
          <li>PRODUCTS</li>
          <li>Mobile Crushers</li>
          <li>Stationary Crushers</li>
          <li>Grinding Mill</li>
          <li>Washing & Screening</li>
          <li>Ore Beneficiation</li>
        </ul>

        <ul class="footer-cell d-none d-lg-block d-md-block">
          <li>CASE</li>
          <li>Mobile Crushing</li>
          <li>Construction</li>
          <li>Mining</li>
          <li>Industrial Grinding</li>
        </ul>

        <ul class="footer-cell d-none d-lg-block d-md-block">
          <li>ABOUT US</li>
          <li>Introduction</li>
          <li>Services</li>

        </ul>
        <ul class="footer-cell d-none d-lg-block d-md-block">
          <li>NEWS</li>
          <li>Company News</li>
          <li>Industry News</li>
        </ul>
        <ul class="footer-cell">
          <li>GET CONNECTED</li>
          <li><img src="/src/img/call7.png" alt="">+86-21-50458961, +86-21-50471909 </li>
          <li><img src="/src/img/message.png" alt="">kefidsh@kefidchina.com</li>
          <li><img src="/src/img/wechat.png" alt="">kefidmachine</li>
          <li><img src="/src/img/skype.png" alt="">kefidmachine</li>

        </ul>

        <button>TOP</button>

      </div>



    </div>
    <div class="footer-bottom">
      <p>Copyright © 2004-2015 by China Liming Heavy Industry Science and Technology Co. LTD All rights reserved</p>
      <p>Tel: 0086-371-86162511 E-mail:info@limingco.com Google+</p>
    </div>
  </footer>
  <script src="/src/js/bootstrap.bundle.js"></script>

</body>

</html>